<!DOCTYPE html>
<html lang="en" ng-app="candyhouse">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Candy house</title>
    <link rel="stylesheet" href="./components/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="components/font-awersome/css/font-awesome.css"/>
    <link rel="stylesheet" href="./css/reset.css"/>
    <link rel="stylesheet" href="./css/homepage.css"/>
    <link rel="stylesheet" href="./css/medias.css"/>
    <link rel="stylesheet" href="./node_modules/swiper/dist/css/swiper.css"/>
    <link rel="stylesheet" href="./css/swiper1.css"/>

    <!--<link rel="stylesheet" href="./css/medias.css">-->
    <link rel="stylesheet" href="./css/product1.css">
    <!--<script src="./js/product.js"></script>-->

</head>
<body>

<header>

</header>
<main ui-view="mainView"></main>


<footer>

</footer>

<!--引入组件包-->
<script src="./components/jquery/dist/jquery.js"></script>
<script src="./components/bootstrap/dist/js/bootstrap.js"></script>
<script src="./components/angular/angular.js"></script>
<script src="./components/angular-ui-router/release/angular-ui-router.js"></script>

<!--引入js文件-->
<script src="./js/app.js"></script>
<script src="./js/services/candy.js"></script>
<script src="./js/controllers/candy.js"></script>


<script src="./js/home_fentab.js"></script>
<script >
    $(document).ready(function () {

        $('.two-col').click(function () {
//            $('.one-col .image').hide();
//            $('.two-col').show();
             $("div.p_products-list").addClass("two-col");
        });
        $('.one-col').click(function () {
//            $('.two-col .image').hide();
//            $('.one-col').show();
             $("div.p_products-list").addClass("one-col");
        });
        $('.image').click(function () {
//            $('.one-col .two-col').hide();
//            $('.image').show();
             $("div.p_products-list").addClass("image");
        });
    })
</script>
</body>
</html>